<template>
	<view class="flex align-center">
		<view @click="emit(i)" v-for="(item,i) in BreadData" :key="i" class="flex align-center mr-1">
			<text class="hover font-md">{{item}}</text>
			<uni-icons v-if="BreadData.length-1!=i" size="20" class="ml-1" type="right"></uni-icons>
		</view>
	</view>
</template>

<script>
	export default {
		name:"BreadcrumbNavigation",
		data() {
			return {
				
			};
		},
		props:{
			BreadData:{
				type:Array,
				default:[]
			},
		},
		methods:{
			emit(i){
				this.$emit('name',i)
			}
		}
	}
</script>

<style lang="scss">
.hover:hover{
	color: #28a745;
	cursor: pointer;
	text-decoration: underline;
}
</style>